<script setup>
import BasicInfor from './PersonalSettings/BasicInfor.vue'
const activeKey = $ref('1')
</script>

<template>
  <div class="PersonalSettings">
    <a-tabs v-model:activeKey="activeKey" p-8px>
      <a-tab-pane key="1" tab="基本信息">
        <BasicInfor />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<style lang="less" scoped>
:deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
  color: #f38e48;
  text-shadow: none;
}

:deep(.ant-tabs-tab) {
  font-size: 16px;
}

:deep(.ant-tabs-tab:hover):hover {
  color: #f38e48;
}

:deep(.ant-tabs-ink-bar) {
  background-color: #f38e48;
}

:deep(.ant-tabs-content-holder) {
  height: 473px;
}
</style>
